<template>
  <div class="home">
    <!--
    <img src="../assets/1.jpg" width='100%' height='100%'>  
    -->
  </div>
</template>

<script>
export default {
  name: 'home',
  data(){
    return {

    }
  },
  //页面加载完成后自动跳转
  mounted(){
      window.title="北航校庆祝福";
      this.gokeyword()
    },  
  methods:{
    gokeyword(){
      //console.info('1111111111')
      setTimeout(()=>{
        this.$router.push({ path: '/keyword'})
        },2000)
      //console.info('22222222222')
    },
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.home {
  position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url('../assets/1.jpg');
    background-size: 100% 100%;
}
</style>
